<template>
  <div class="print-doc">
    <div class="header">文书示例</div>
    <div class="content"></div>
    <div v-if="pageNum > 1" class="footer">
      第{{ pageIndex + 1 }}页/共{{ pageNum }}页
    </div>
  </div>
</template>

<script lang="ts" setup>
defineOptions({
  name: 'Doc'
})

withDefaults(
  defineProps<{
    pageIndex?: number
    pageNum?: number
  }>(),
  {
    pageIndex: 0,
    pageNum: 1
  }
)
</script>

<style lang="scss">
img,
canvas {
  display: unset !important;
  vertical-align: unset !important;
}

.print-doc {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 793.69px;
  height: 1122.52px;
  margin: 0 auto;
  border: 1px solid blueviolet;
  box-sizing: border-box;

  .header {
    border: 1px solid blueviolet;
  }

  .content {
    flex: 1;
  }

  .footer {
    border: 1px solid blueviolet;
  }
}
</style>
